<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Day03家庭作业2</title>
		<style type="text/css">
			.title{
				/*text-align: center;*/
				position: relative;
				left: 370px;			
			}	
			
			 ul li{
			 	float: left;
			 }	
			 
			.ull{
				height: 20px;
				position: relative;
				left: 540px;	
			}
			
			
			 			
		</style>
	</head>
	<body>
		<div class="title">
			<img class="a" src="images/作业2_03.gif" style="margin: auto;"/>
			<h1 style="display: inline">欢迎登录</h1>
		</div>
		<form action="">
		
		<table cellspacing="0" class="box" border="1" align="center" width="755px" height="411px">
			<tr>
				<td rowspan="8"><img src="images/作业2_07.gif" width="100%"/></td>
				<td>用户名/邮箱：</td>
			</tr>
			
			<tr>
				<td><input type="text" name="uname" placeholder="输入您的用户名或邮箱"/></td>				
			</tr>
			
			<tr>
				<td>密码：</td>				
			</tr>
			
			<tr>
				<td><input type="password" name="pwd" placeholder="请输入您的密码"/></td>				
			</tr>
			
			<tr>
				<td>
					<input type="checkbox" name="auto" value="auto" checked/>自动登录
					<input type="checkbox" name="rember" value="rember"/>记住我们
				</td>				
			</tr>
			
			<tr>
				<td align="center">
					<input type="submit" value="登录" />
					<input type="reset" value="重置" />
				</td>				
			</tr>
			
			<tr>
				<td>使用京东合作账号登录</td>				
			</tr>
			
			<tr>
				<td align="right">
					<input type="radio" name="QQ"/>QQ
					<input type="radio" name="jingdong"/>京东钱包
				</td>				
			</tr>
			<tr align="right">
				<td colspan="2"><a href="https://www.jd.com/?cu=true&utm_source=www.u77u.com&utm_medium=tuiguang&utm_campaign=t_335139152_&utm_term=5bfb9992899b4e5b8ab3092b9381c830"><img src="images/作业2_11.png"/></a></td>
			</tr>
		</table>		
		</form>
		
		<div class="ull">
			<ul style="list-style: none;">
				<li>关于我们 |</li>
				<li>&nbsp;联系我们 |</li>
				<li>&nbsp;人才招聘 |</li>
				<li>&nbsp;商家入驻 |</li>
				<li>&nbsp;广告服务 </li>
			</ul>
		</div>
	</body>
</html>
